<template>
  <div class="container">
      <!-- ref在vue中来获取dom元素，相当于原生js中的document.getElementById -->
    <h1 ref="title">学校的名称：{{ name }}</h1>
    <h1>学校的地址：{{ address }}</h1>
    <button @click="showDom">点击按钮获取上面title的dom元素</button>
  </div>
</template>
<script>
export default {
    //组件的名称
    name:"School",
    data(){
        return{
            name:'老黑的学校',
            address:'山东济南'
        }
    },
    methods:{
        showDom(){
            console.log(this.$refs.title)
        }

    }

};
</script>
<style scoped>
.container{
    background-color:aqua;
}

</style>
